<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>轮播图片</title>
<style>
    body{padding:10px;line-height:1.5em;}
	ul,li{ list-style:none;}
    a{color:#04c;}
    h1, h2{font-weight: bold;font-family: '微软雅黑';font-size:32px;}
    h1{padding-bottom:0.6em;border-bottom:1px solid #ccc;}
    h2{font-size:24px;}
    li span{color:#666;}
    .desc{color:#666;}
	pre{background-color: #FBF9EA;
    border: 1px solid #E2E1D5;
    border-radius: 2px 2px 2px 2px;
    margin: 0;
    overflow-x: auto;
    padding: 10px;
	float: none;
    font-weight: normal;
    width: auto;
	}
    
</style>
</head>
<body>
    <h1>轮播图片</h1>
    <p class="desc">轮播图片，可轮播多组图片和多组文字<br/>
    </p>
    <h2>Demo</h2>
    <ul>
        <li><a href="demo/demo.html">demo查看</a> <span>轮播图片</span></li>
    </ul>
    <h2>描述：</h2>
    <ul>
        <li>通用的图片轮播js模块</li>

<li>* jQuery插件方式调用1：</li>
<li><pre>$("#myFocusPicList").imageSwitch({
            switchPicArray: [$('.focusPicList > .FocusItem'), $('.focusPicList2 > .FocusItem')],//轮播图片，可以多组
            switchTextArray: [$('.imagestext > .title'), $('.imagestext2 > .title')],//轮播文字，可以多组
            btnArray: [$('.imagesList > .imagesNum'), $('.imagesList2 > .imagesNum')]//轮播按钮，可以多组
        });</pre></li>

<li>* 类方式调用2：</li>
<li><pre>var hpimageSwitch = new iJie.imageSwitch({
        switchPicArray: [$('.focusPicList > .FocusItem'),$('.focusPicList2 > .FocusItem')],
		switchTextArray: [$('.imagestext > .title'),$('.imagestext2 > .title')],
		btnArray: [$('.imagesList > .imagesNum'),$('.imagesList2 > .imagesNum')]
    });
	hpImageSwitch.init();</pre>
	</li>
    </ul>
</body>
</html>